<template>
  <div class="card">
    <div class="index">
      <el-row type="flex" justify="center">
        <el-col :span="2">
          <h1>会议系统</h1>
        </el-col>
      </el-row>
      <el-row type="flex" justify="center">
        <el-col :span="3"><el-button type="primary" round>加入会议</el-button></el-col>
        <el-col :span="3"><el-button type="primary" round>创建会议</el-button></el-col>
      </el-row>
    </div>
  </div>
</template>

<script>
export default {
  // eslint-disable-next-line vue/multi-word-component-names
  name: "Index"
}
</script>

<style scoped>
  .card{
    background-color: cadetblue;
    width: 100%;
    height: 100%;
    position: fixed;
  }
 .el-col{
   text-align: center;
 }
 .index{
   margin-top: 10%;
 }
</style>